/* 内置高 */
//系统状态栏高度
$status_bar: var(--status-bar-height);
// 内容区域距离顶部的距离
$window-top: var(--window-top);
// 内容区域距离底部的距离
$window-bottom: var(--window-bottom);

//金豆宽
@for $i from 1 through 5 {
  .bean-width-#{$i} {
    width: upx($i * 100);
    justify-content: space-around !important;
    padding: upx(8) 0 !important;
  }
}

.more-class-img {
  width: upx(440);
  height: upx(280);
  display: block;
  margin: upx(200) auto 0;
}

.course-loading-pic {
  width: 100vw;
  height: upx(1334);
}

.wx_add_wx {
  width: upx(590);
  height: upx(672);
}

.ico-s1{
  width: upx(258 * 1.2) !important;
  height: upx(258 * 1.2) !important;
}

.ico-s2 {
  margin-top: upx(20);
  width: upx(258/1.5) !important;
  height: upx(258/1.5) !important;
}

/* tab-bar */
.b-start{
  z-index: 999999999999;
  position: absolute;
  left: 0;
  right: 0;
  top: 61.8vh;
  bottom: 0;
  margin: auto;
  width: upx(400);
  height: upx(400);
  .b-start-png{
    width: upx(400);
    height: upx(400);
  }
}

.success-img{
  width: upx(500);
  height: upx(350);
}

.gray-filter {
  filter: grayscale(100%)
}

.btn-rec {
  text-align: center;

  &-ico {
    width: upx(142);
    height: upx(142);
  }
}

.answer-pic-c{
  width: upx(60);
  height: upx(60);
}

.nav-bar-position {
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
}

.tab-bar-position {
  position: fixed;
  z-index: 999999999;
  bottom: 0;
  left: 0;
}

* {
  margin: 0;
  padding: 0;
}

@function upx($size) {
  @return $size + upx;
}

/* 图片路径 */
$imgUrl: 'https://fangti-mcdn.oss-cn-beijing.aliyuncs.com/appstatic';


/* 颜色变量 */
$theme-green: #00BD81;
$theme-yellow: #FFCC18;

$bg-color: #F5FBFC;

$font-color: #5D6473;


/* 背景 */
@mixin bg {
  background: $bg-color;
  min-height: 100vh;
}

/* 字体 */

@mixin ft($font-size, $font-color:$font-color,$font-weight:normal) {
  font-size: upx($font-size);
  font-weight: $font-weight;
  color: $font-color;
  font-family: PingFangSC-Regular, PingFangSC, serif;
}


/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color: #333; //基本色
$uni-text-color-inverse: #fff; //反色
$uni-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable: #c0c0c0;

/* 背景颜色 */
$uni-bg-color: #ffffff;
$uni-bg-color-grey: #f8f8f8;
$uni-bg-color-hover: #f1f1f1; //点击状态颜色
$uni-bg-color-mask: rgba(0, 0, 0, 0.4); //遮罩颜色

/* 边框颜色 */
$uni-border-color: #c8c7cc;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm: 24 upx;
$uni-font-size-base: 28 upx;
$uni-font-size-lg: 32 upx;

/* 图片尺寸 */
$uni-img-size-sm: 40 upx;
$uni-img-size-base: 52 upx;
$uni-img-size-lg: 80 upx;

/* Border Radius */
$uni-border-radius-sm: 4 upx;
$uni-border-radius-base: 6 upx;
$uni-border-radius-lg: 12 upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20 upx;
$uni-spacing-row-lg: 30 upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8 upx;
$uni-spacing-col-base: 16 upx;
$uni-spacing-col-lg: 24 upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title: 40 upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle: 36 upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph: 30 upx;
